آموزش روتر Hands-On React [ویدئو]

سرفصل ها و درس ها

مقدمه ای بر React Router Introduction to React Router

• بررسی اجمالی دوره The Course Overview

• روتر React چیست؟ What Is React Router?

• افزودن مسیریابی با استفاده از روتر React Adding Routing Using React Router

• پارامترهای URL با روتر React URL Parameters with React Router

• مسیرهای تو در تو Nested Routes

• چگونه پارامترهای پرس و جو را تجزیه کنیم؟ How to Parse Query Parameters?

React Router Fundamentals React Router Fundamentals

• رندر گرفتن همه مسیرها Render Catch All Routes

• کامپوننت را مشروط رندر کنید Conditionally Render Component

• تغییر مسیر به صفحه دیگری Redirecting to Another Page

پیاده سازی مسیریابی پویا و ایمن Implement Dynamic and Secure Routing

• کامپوننت درجه بالاتر چیست؟ What Is a Higher-Order Component?

• ایجاد HOC برای مسیریابی تأیید شده Creating HOC for Authenticated Routing

• ورود کاربر User Login

• خروج کاربر User Logout

ادغام React Router با Redux Integrate React Router with Redux

• Redux چیست؟ What Is Redux?

• ایجاد فروشگاه و کاهش دهنده Creating Store and Reducers

• ادغام منطق مسیریابی به برنامه Redux Integrating Routing Logic to Redux App

ساختن نوار کناری و جلوگیری از انتقال مسیر Building Sidebar and Preventing Route Transition

• مسیرهای مبهم Ambiguous Routes

• ساخت نوار کناری با روتر React Building Sidebar with React Router

• جلوگیری از انتقال مسیر Preventing Route Transition

تقسیم کد و پیکربندی مسیر Code Splitting and Route Config

• تعریف مسیرهای اعلامی Defining Declarative Routes

• تقسیم کد Code Splitting